<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>项目代理</title>

    <!-- Bootstrap -->
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!--自建css文件-->
    <link rel="stylesheet" href="__STATIC__/index/css/cmgd.css">

</head>
<body>
{include file="index/header" /}
<div class="container">
    <div  class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title"><i class="glyphicon glyphicon-folder-open"></i> 商标分类</h3>
        </div>
        <div class="panel-body">
            <div>
                {volist name ='type' id = 'type' }
                <a href="{:url('Index/search_trademark',array('id'=>$type.id))}">
                    <!--search_trademark.html?id={$type.id}-->
                    <div style="width:122px;float: left;">{if condition = "$type.id  lt 10"} 0{$type.id}&nbsp;
                        {$type.type}&nbsp;&nbsp; {else}{$type.id}&nbsp;&nbsp;{$type.type}&nbsp;&nbsp;{/if}</div>
                </a>
                {/volist}
            </div>
        </div>
    </div>
</div>
<!--中间三列的排版面，row-->
<div class="container" >
    <div class="row">
        <div class="col-xs-4">
            <div class="panel panel-primary" style="height:410px;">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="glyphicon glyphicon-qrcode"></i> 关于我们</h3>
                </div>
                {volist name='about' id='about'}
                <div class="panel-body">
                    <p style="height:200px;overflow:hidden;">&nbsp;&nbsp;&nbsp;&nbsp;{$about.introduce}</p>
                    <p style="float:right;">
                        <img src="/uploads/images/{$about.pic}" alt="公众号二维码" class="img-rounded" width="100px;">
                    </p>
                    <div >
                        <strong><p style="margin-bottom:20px;padding-top:20px;"><i class="glyphicon glyphicon-earphone"></i> ： {$about.phone}</p></strong>
                        <p><i class="glyphicon glyphicon-envelope"></i> ：<a href="mailto:#">{$about.mail}</a></p>
                    </div>
                    <div style="margin-left:240px;"> 公司公众号</div>
                </div>
                {/volist}
            </div>
        </div>
        <div class="col-xs-6" style="width:66%">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="glyphicon glyphicon-blackboard"></i> 项目代理 <div class="pull-right"><i class="glyphicon glyphicon-option-horizontal"></i></div></h3>
                </div>
                <div class="panel-body">
                    <div class="row" style="line-height:30px;">
                        <!--文章循环开始，10篇-->
                        {volist name='article' id='article'}
                        <a href="show_patent.html?id={$article.id}">
                            <div class="col-xs-9">{$article.title}</div>
                            <div class="col-xs-3">{$article.update_time|date="Y-m-d",###}</div>
                        </a>
                        {/volist}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<!--主体结束-->
<div class="clear" style=" clear:both;"> </div>
{include file="index/footer" /}
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>